<!DOCTYPE html>
<html lang="zh-cn"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5">
<head th:replace="common::head"></head>
<body>
<div th:replace="common::top"></div>
<br/>
<h2>订单详情</h2>
<table>
    <tr>
        <td><b>编码:</b></td>
        <td th:text="${order.code}"></td>
        <td colspan="2"></td>
        <td><b>订单总量:</b></td>
        <td th:text="${order.orderNum}"></td>
    </tr>
    <tr>
        <td><b>状态:</b></td>
        <td th:text="${order.status}==1?'正常':'撤销'"></td>
        <td><b>已上产线:</b></td>
        <td th:text="${order.confirm}?'是':'否'"></td>
        <td><b>生产总量:</b></td>
        <td th:text="${order.produceNum}"></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td><b>销售:</b></td>
        <td th:text="${order.createUser}"></td>
        <td><b>发送总量:</b></td>
        <td th:text="${order.sendNum}"></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td><b>创建时间:</b></td>
        <td th:text="${#dates.format(order.createTime,'yyyy-MM-dd')}"></td>
        <td><b>退货总量:</b></td>
        <td th:text="${order.refundNum}"></td>
    </tr>
</table>
<br/>
<table>
    <thead>
    <tr>
        <th>ID</th>
        <th>产品</th>
        <th>数量</th>
        <th>已生产</th>
        <th>发货/缺口</th>
        <th>备注</th>
    </tr>
    </thead>
    <tbody>
    <tr th:each="item : ${batchList}">
        <td th:text="${item.id}"></td>
        <td th:text="${item.productName}"></td>
        <td th:text="${item.orderNum}"></td>
        <td th:text="${item.produceNum}"></td>
        <td>
            <span th:text="${item.sendNum}"></span>
            <span>/</span>
            <span th:text="${item.sendGap}" th:style="${item.sendGap}==0 ? 'color:green':'color:red' "></span>
        </td>
        <td th:text="${item.remark}"></td>
    </tr>
    </tbody>
</table>

<br/>
<div style="border: 1px solid #a19c9c; background-color: #dcdcdc; width: fit-content; margin: auto; padding: 20px;">
<label>发货单列表:</label>
<table th:each="item,stat:${map}" style="margin-bottom: 30px;">
    <tr th:object="${stat.current.key}">
        <td th:text="'第:[' + *{sequence} + ']次'"></td>
        <td th:text="'操作人:' + *{createUser} "></td>
        <td th:text="'日期:' + *{#dates.format(createTime,'yyyy-MM-dd')} "></td>
    </tr>
    <tr>
        <td>序号</td>
        <td>产品</td>
        <td>发货数量</td>
    </tr>
    <tr th:each="e:${stat.current.value}">
        <td th:text="${eStat.index+1}"></td>
        <td th:text="${e.productName}"></td>
        <td th:text="${e.number}"></td>
    </tr>
</table>
</div>

<p>
    <a href="javascript:history.back(-1);">上一页</a>
    <a href="../index.html" th:href="@{/index.html}">主页</a>
</p>
</body>
</html>